<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>奥普达</title>
		  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="css/publice.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
		<script type="text/javascript" src="js/jquery.themepunch.plugins.min.js" ></script>
		<script type="text/javascript" src="js/jquery.themepunch.revolution.min.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js" ></script>
		<style>
			body,html{
				width: 100%;
				overflow-x: hidden;
			}
			.fullwidthbanner-container{
				width: 100%;
			}
			.header{
				background: rgba(0,0,0,0.1);
			}
			.maxWidth{
				max-width: 1700px;
			}
		</style>
	</head>
	<body>
		<!--pc导航start-->
		<header class="header">
			<aside class="maxWidth">
				<a href="index.html" class="logo"><img src="images/logo.png"/></a>
				<nav class="menu">
					<ul class="clear">
						<li>
							<a href="index.html">home</a>
						</li>
						<li>
							<a href="javacript:void(0);">about us</a>
							<dl class="second">
								<dd><a href="about/aboutUs.html">About Us</a></dd>
								<dd><a href="about/certification.html">Certification</a></dd>
							</dl>
						</li>
						<li>
							<a href="javacript:void(0);">product</a>
							<dl class="second">
								<dd>
									<a href="javacript:void(0);">Pure Diode Laser System</a>
									<dl class="third">
										<dd><a href="product/productList.html">Club-SE 2-6W</a></dd>
										<dd><a href="product/productList.html">Medium Powered RGB 7-15W</a></dd>
										<dd><a href="product/productList.html">Pro-RGB 20-30W</a></dd>
										<dd><a href="product/productList.html">More Items</a></dd>
									</dl>
								</dd>
								<dd><a href="product/productList.html">Laser Modules</a></dd>
								<dd><a href="product/productList.html">Laser Components/Accessories</a></dd>
								<dd><a href="product/productList.html">ST Series</a></dd>
								<dd><a href="product/productList.html">Engraving Laser</a></dd>
								<dd><a href="product/productList.html">New Products</a></dd>
							</dl>
						</li>
						<li>
							<a href="javacript:void(0);">support</a>
							<dl class="second">
								<dd><a href="support/server.html">After-sales Service</a></dd>
								<dd><a href="support/FQA.html">FAQ</a></dd>
							</dl>
						</li>
						<li>
							<a href="javacript:void(0);">blog</a>
							<dl class="second">
								<dd><a href="blog/newList.html">News</a></dd>
								<dd><a href="blog/tradeList.html">Trade Show</a></dd>
							</dl>
						</li>
						<li>
							<a href="contact/contactUs.html">contact us</a>
						</li>
					</ul>
					<div class="search">
						<a class="search_icon" href="javascript:void(0);"><img src="images/search_icon.png"/></a>
						<div class="search_box">
							<div class="search_box_main">
								<input type="text" class="text" placeholder="Search" />
								<a href="javascript:void(0);" class="search_box_icon"><img src="images/search_icon.png"/></a>
							</div>
						</div>
					</div>
				</nav>
			</aside>
		</header>
		<!--pc导航end-->
		<!--mobile start-->
		<header class="mobile">
			<aside class="maxWidth">
				<a href="index.html" class="logo"><img src="images/logo.png"/></a>
					<!--<span class="mobile_menu_icon"></span>-->
					<span class='mobile_menu_icon'>
						<span></span>
						<span></span>
					</span>
				<div class="mobile_menu">
					<div class="mobile_menu_ul">
						<ul>
							<li>
								<a href="index.html">home</a>
							</li>
							<li class="submenu">
								<a href="javascript:void(0);">about us</a>
								<dl class="second">
									<dd><a href="about/aboutUs.html">About Us</a></dd>
									<dd><a href="about/certification.html">Certification</a></dd>
								</dl>
							</li>
							<li class="submenu">
								<a href="javascript:void(0);">product</a>
								<dl class="second">
									<dd class="submenu">
										<a  href="javascript:void(0);">Pure Diode Laser System</a>
										<dl class="third">
											<dd><a href="product/productList.html">Club-SE 2-6W</a></dd>
											<dd><a href="product/productList.html">Medium Powered RGB 7-15W</a></dd>
											<dd><a href="product/productList.html">Pro-RGB 20-30W</a></dd>
											<dd><a href="product/productList.html">More Items</a></dd>
										</dl>
									</dd>
									<dd><a href="product/productList.html">Laser Modules</a></dd>
									<dd><a href="product/productList.html">Laser Components/Accessories</a></dd>
									<dd><a href="product/productList.html">ST Series</a></dd>
									<dd><a href="product/productList.html">Engraving Laser</a></dd>
									<dd><a href="product/productList.html">New Products</a></dd>
								</dl>
							</li>
							<li class="submenu">
								<a href="javascript:void(0);">support</a>
								<dl class="second">
									<dd><a href="support/server.html">After-sales Service</a></dd>
									<dd><a href="support/FQA.html">FAQ</a></dd>
								</dl>
							</li>
							<li class="submenu">
								<a href="javascript:void(0);">blog</a>
								<dl class="second">
									<dd><a href="blog/newList.html">News</a></dd>
									<dd><a href="blog/tradeList.html">Trade Show</a></dd>
								</dl>
							</li>
							<li>
								<a href="contact/contactUs.html">contact us</a>
							</li>
						</ul>
					</div>
				</div>
			</aside>
		</header>
		<!--mobile end-->
		<!--<section class="banner">
			<img src="images/banner/index_banner1.jpg" />
		</section>-->
		<section class="banner index_banner">
			<div class="fullwidthbanner-container">
				<div class="fullwidthbanner">
					<ul>
						<li data-transition="slotzoom-horizontal" data-slotamount="7" data-masterspeed="1000">
							<img  src="images/banner/index_banner1.jpg" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" />
							<div class="banner_pic lft tp-caption" data-x="245" data-y="0" data-easing="easeOutExpo" data-speed="500" data-start="0" data-endspeed="500"><img src="images/banner/index_product1.png"/></div>
							<h2 class="name tp-caption fade tp-caption" data-x="250" data-y="400" data-speed="500" data-start="100" data-endspeed="500">RGB-7-15w</h2>
							<div class="text tp-caption lfb tp-caption" data-x="250" data-y="520" data-speed="500" data-start="100" data-endspeed="500">The most professionalsupplier of laser products</div>
						</li>
					</ul>
				</div>
			</div>
		</section>
		<script type="text/javascript">
            $('.fullwidthbanner').revolution({
                sliderType:"standard",
                delay:9000,
                sliderLayout:"fullscreen",
                fullWidth:"on",
                dottedOverlay:"none",
                autoHeight:'on',
                navigation: {
                    arrows:{enable:true}
                }
            });
           
		</script>
		<!--首页板块1-->
		<section class="index_slide index_slide1">
			<aside class="maxWidth">
				<div class="title">
					<h2>Optlaser Best & Most Popular Featured Products</h2>
					<div class="title_line"><span></span></div>
				</div>
				<div class="title_troduct mediuWidth">
					henzhen optlaser Technologies Co., Ltd is the best supplier of full range of small and medium-power diode-pumped lasers. We believe that our products will make a difference & improve your life! Discover our lasers Just from here!
				</div>
				<div class="list">
					<ul>
						<li>
							<div class="index_porduct">
								<div class="pic"><img src="images/product1.png"/></div>
								<div class="text">
									<h3>RGB-3w-6w</h3>
									<div class="subtitle">laser-show-systems</div>
									<div class="more">
										<a href="product/productDetail.html">Leare more</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="index_porduct">
								<div class="pic"><img src="images/product2.png"/></div>
								<div class="text">
									<h3>RGB-7-15w</h3>
									<div class="subtitle">laser-show-systems</div>
									<div class="more">
										<a href="product/productDetail.html">Leare more</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="index_porduct">
								<div class="pic"><img src="images/product1.png"/></div>
								<div class="text">
									<h3>RGB-3w-6w</h3>
									<div class="subtitle">laser-show-systems</div>
									<div class="more">
										<a href="product/productDetail.html">Leare more</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="index_porduct">
								<div class="pic"><img src="images/product2.png"/></div>
								<div class="text">
									<h3>RGB-7-15w</h3>
									<div class="subtitle">laser-show-systems</div>
									<div class="more">
										<a href="product/productDetail.html">Leare more</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="index_porduct">
								<div class="pic"><img src="images/product1.png"/></div>
								<div class="text">
									<h3>RGB-3w-6w</h3>
									<div class="subtitle">laser-show-systems</div>
									<div class="more">
										<a href="product/productDetail.html">Leare more</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="index_porduct">
								<div class="pic"><img src="images/product2.png"/></div>
								<div class="text">
									<h3>RGB-7-15w</h3>
									<div class="subtitle">laser-show-systems</div>
									<div class="more">
										<a href="product/productDetail.html">Leare more</a>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</aside>
		</section>
		<!--首页板块1 end-->
		<!--首页板块2 start-->
		<section class="index_slide index_slide2">
			<aside class="maxWidth">
				<div class="title">
					<h2>Hot Products</h2>
					<div class="title_line"><span></span></div>
				</div>
				<div class="list">
					<div class="swiper-container">
						<ul class="swiper-wrapper">
							<li class="swiper-slide">
								<a href="product/productDetail.html">
									<div class="pic"><img src="images/product4.png"/></div>
									<div class="text">
										<h3>RGB-7-15w</h3>
										<h4 class="sub_title">laser-show-systems</h4>
									</div>
								</a>
							</li>
							<li class="swiper-slide">
								<a href="product/productDetail.html">
									<div class="pic"><img src="images/product4.png"/></div>
									<div class="text">
										<h3>RGB-7-15w</h3>
										<h4 class="sub_title">laser-show-systems</h4>
									</div>
								</a>
							</li>
							<li class="swiper-slide">
								<a href="product/productDetail.html">
									<div class="pic"><img src="images/product4.png"/></div>
									<div class="text">
										<h3>RGB-7-15w</h3>
										<h4 class="sub_title">laser-show-systems</h4>
									</div>
								</a>
							</li>
							<li class="swiper-slide">
								<a href="product/productDetail.html">
									<div class="pic"><img src="images/product4.png"/></div>
									<div class="text">
										<h3>RGB-7-15w</h3>
										<h4 class="sub_title">laser-show-systems</h4>
									</div>
								</a>
							</li>
							<li class="swiper-slide">
								<a href="product/productDetail.html">
									<div class="pic"><img src="images/product4.png"/></div>
									<div class="text">
										<h3>RGB-7-15w</h3>
										<h4 class="sub_title">laser-show-systems</h4>
									</div>
								</a>
							</li>
							<li class="swiper-slide">
								<a href="product/productDetail.html">
									<div class="pic"><img src="images/product4.png"/></div>
									<div class="text">
										<h3>RGB-7-15w</h3>
										<h4 class="sub_title">laser-show-systems</h4>
									</div>
								</a>
							</li>
							<li class="swiper-slide">
								<a href="product/productDetail.html">
									<div class="pic"><img src="images/product4.png"/></div>
									<div class="text">
										<h3>RGB-7-15w</h3>
										<h4 class="sub_title">laser-show-systems</h4>
									</div>
								</a>
							</li>
						</ul>
						<div class="swiper-pagination"></div>
					</div>
				</div>
			</aside>
		</section>
		<script type="text/javascript">
			/*第二板块的滚动*/
			var swiper;
			reSwiper();
			function reSwiper(){
				var _width=$(window).width();
				if(_width>989){
					if(!swiper){
						swiper=new Swiper('.swiper-container', {
					      slidesPerView:4,
					      slidesPerColumn: 1,
					      slidesPerGroup:4,
					      observer:true,
					      spaceBetween:'6%',
					      pagination: {
					        el: '.swiper-pagination',
					        clickable: true,
					      },
					      autoplay: {
					        delay: 3000,
					        disableOnInteraction: false,
					      },
					      on:{
					      	resize:function(){
					      		var _width2=$(window).width();
					      		if(_width2<989){
					      			this.passedParams.slidesPerView=2;
									this.passedParams.slidesPerColumn=2;
									this.passedParams.spaceBetween=30;
									this.update();
					      		}
					      	}
					      }
						});
					}
				}else{
					if(!swiper){
						swiper=new Swiper('.swiper-container', {
					      slidesPerView:2,
					      slidesPerColumn: 2,
					      slidesPerGroup:4,
					      spaceBetween:30,
					      observer:true,
					      pagination: {
					        el: '.swiper-pagination',
					        clickable: true,
					      },
					      autoplay: {
					        delay: 3000,
					        disableOnInteraction: false,
					      },
					      on:{
					      	resize:function(){
					      		var _width2=$(window).width();
					      		if(_width2>989){
					      			this.passedParams.slidesPerView=4;
									this.passedParams.slidesPerColumn=1;
									this.passedParams.spaceBetween='6%';
									this.update();
					      		}
					      	}
					      }
						});
					}
				}
			}
    		
		</script>
		<!--首页第三板块start-->
		<section class="index_slide index_slide3">
			<aside class="maxWidth">
				<div class="title">
					<h2>Professional Stage Light Manufacturer</h2>
					<div class="title_line"><span></span></div>
				</div>
				<div class="list">
					<ul>
						<li class="list3_first">
							<div class="pic"><img src="images/index_slide3_01.jpg"/></div>
							<div class="text">
								<h3>About Us</h3>
								<div class="troduct">Shenzhen Optlaser Technologies Co., Ltd. is a professional laser equipments manufacturer which always devotes itself to become a high-tech photovoltaic enterprises technological innovation, complete with independent intellectual property rights.</div>
								<div class="more"><a href="about/aboutUs.html">Leare more</a></div>
							</div>
						</li>
						<li class="list3_second">
							<div class="pic">
								<a href="support/server.html"><img src="images/index_slide3_02.png"/></a>
							</div>
							<div class="text">
								<h3>After-Sales-Service</h3>
								<div class="troduct">Customer satisfaction is our most important measure of quality. Factory trained service engineers, in offices throughout the world, offer technical support and quick response</div>
							</div>
						</li>
						<li class="list3_third">
							<div class="text">
								<h3>Support</h3>
								<div class="troduct">Worldwide phone support hotlines ensure that an expert drawing on the resources of a global company can always be reached.</div>
							</div>
							<div class="pic"><a href="support/server.html"><img src="images/index_slide3_03.png"/></a></div>
						</li>
					</ul>
				</div>
			</aside>
		</section>
		<!--首页第三板块end-->
		<!--首页第四板块start-->
		<section class="index_slide index_slide4">
			<div class="index_slide4_main">
				<div class="video_box">
					<video src="video/BECEN-1.mp4" id="video"  loop="loop" autoplay="autoplay">
						<source src="video/BECEN-1.mp4" type="video/mp4" />
					</video>
				</div>
				<div class="text">
					<h3>OPTLASER stage light </h3>
					<h4>evrtything you need to be your most creative</h4>
					<div class="play_button">
						<a href="video/BECEN-1.mp4" target="_blank" class="play_button_main"></a>
					</div>
				</div>
			</div>
		</section>
		<!--首页第四板块end-->
		<!--首页第五板块start-->
		<section class="index_slide index_slide5">
			<aside class="maxWidth">
				<div class="title">
					<h2>Latest News</h2>
					<div class="title_line"><span></span></div>
				</div>
				<div class="list">
					<ul>
						<li>
							<div class="pic"><a href="blog/newDetail.html"><img src="images/index_slide5_01.jpg"/></a></div>
							<div class="text">
								<h3><a href="blog/newDetail.html">New light arrival! 80W Led Beam Moving Head Light | BC-M80</a></h3>
								<span class="time">November 14, 2018</span>
								<div class="troduct">Whatever amount of light is needed, with an LED moving head…</div>
								<a href="blog/newDetail.html" class="more">Leare more ></a>
							</div>
						</li>
						<li>
							<div class="pic"><a href="blog/newDetail.html"><img src="images/index_slide5_02.jpg"/></a></div>
							<div class="text">
								<h3><a href="blog/newDetail.html">How To Choose The Right Stage Lighting</a></h3>
								<span class="time">November 14, 2018</span>
								<div class="troduct">Stage (refers to the frame stage) because the performance of the repertoire of the same kind of lighting...</div>
								<a href="blog/newDetail.html" class="more">Leare more ></a>
							</div>
						</li>
						<li>
							<div class="pic"><a href="blog/newDetail.html"><img src="images/index_slide5_03.jpg"/></a></div>
							<div class="text">
								<h3><a href="blog/newDetail.html">LED Stage Lighting Market To Expand In 2017</a></h3>
								<span class="time">November 14, 2018</span>
								<div class="troduct">A new report by LEDinside shows a strong uptick in demand for Stage Light, Filamnet Lamp and OLED...</div>
								<a href="blog/newDetail.html" class="more">Leare more ></a>
							</div>
						</li>
					</ul>
					<div class="page">
						<dl class="page_main">
							<dd><a href="#">1</a></dd>
							<dd class="active"><a href="#">2</a></dd>
							<dd><a href="#">3</a></dd>
						</dl>
						<div class="page_text">Page <span>2</span> of <span>3</span></div>
					</div>
				</div>
			</aside>
		</section>
		<!--首页第五板块end-->
		<!--底部start-->
		<section class="bottom">
			<aside class="footerMaxWidth">
				<div class="bottom_main">
					<div class="bottom_left">
						<dl>
							<dt>CONTACT INFO</dt>
							<dd>Shenzhen Optlaser Technologies Co., Ltd</dd>
							<dd>Tel: 86-755-88396091/ 83108613</dd>
							<dd>Fax: 86-755-88396094</dd>
							<dd>Email: fb@optlaser.com</dd>
							<dd>Add: 5rd floor, Building A, Libang Industrial Park, Xitian Village, Gongming Town, Guangming New</dd>
						</dl>
						<dl>
							<dt>RECENT POSTS</dt>
							<dd><a href="#">Welcome to Shenzhen optlaser Technologies Co., Ltd</a></dd>
							<dd><a href="#">About Stage Laser Lights</a></dd>
							<dd><a href="#">The Measurement of Laser</a></dd>
							<dd><a href="#">Basic knowledge of Laser</a></dd>
						</dl>
					</div>
					<div class="bottom_right">
						<dl>
							<dt>RECENT PRODUCTS</dt>
							<dd><a href="#">Pure Diode Laser Systems</a></dd>
							<dd><a href="#">Laser Modules</a></dd>
							<dd><a href="#">Outdoor Laser Lights</a></dd>
							<dd><a href="#">Laser Components/Accessories</a></dd>
							<dd><a href="#">3D Laser</a></dd>
							<dd><a href="#">New Products</a></dd>
						</dl>
						<dl>
							<dt>SUPPORT</dt>
							<dd><a href="#">After-sales-Service</a></dd>
							<dd><a href="#">FAQ</a></dd>
							<dd><a href="#">Technology Support</a></dd>
						</dl>
						<dl>
							<dt>SOCIAL MEDIA</dt>
							<div class="bottom_social">Be the first to get our updates, please contact us through one of following channel.</div>
							<div class="link_list">
								<a href="#" class="icon icon1"></a>
								<a href="#" class="icon icon2"></a>
								<a href="#" class="icon icon3"></a>
								<a href="#" class="icon icon4"></a>
							</div>
						</dl>
					</div>
				</div>
			</aside>
		</section>
		<!--底部end-->
		<!--底部footer start-->
		<footer class="footer">
			<aside class="maxWidth">
				<p>Copyright © Shenzhen optlaser Technologies Co., Ltd. | Designed by <a href="#">SZH5.CN</a></p>
			</aside>
		</footer>
		<!--底部footer end-->
		<script type="text/javascript" src="js/common.js"></script>
	</body>
</html>
